var html = "";
// 第几页 
var page = 1; 
// 价格排序,默认是升序
var priceSort = 1;
// 解决this指向问题
var This = null;

$(function(){
	FastClick.attach(document.body);
})

// 注意；我们在开发的时候，下拉加载都会用到一个page，这时候我们的page应该定义为全局的，而且每次应该加1；

// 注意：mui上啦加载页面默认进来就会加载一次
mui.init({
    pullRefresh: {
        container: '#refreshContainer', //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
        up: {
            height: 50, //可选.默认50.触发上拉加载拖动距离
            auto: true, //可选,默认false.自动上拉加载一次
            contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
            contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
            callback: getDate //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
        }
    }
});


/* 按照价格进行排序
	1、给价格添加点击事件
	2、将价格排序规则传递到接口中
	3、对之前的各种配置初始化
	 清空页面中的数据
	 页码为1
	 重新开启上拉加载
	4、将排序后的结果重新啊展示在页面中
*/

$("#priceSort").click(function(){
	// 更改价格排序条件
	priceSort = priceSort === 1?2:1;
	html = "";
	page = 1;
	// 重置上拉加载
	mui('#refreshContainer').pullRefresh().refresh(true);
	// 重新展示数据
	getDate();
});



/**
 * 获取加载数据
 * 参数：获取地址栏中的关键字
 * @return {[type]} [description]
 */
function getDate() {
     // 注意这个This指向问题，如果是组件调用的就是对的，如果是我们的window去调用的话就会报错，这个时候我们的解决办法就是吧这个this设为全局的，并且每次都是设置mui组件的this
     if(!This){
     	This = this;
     }     


    $.ajax({
        url: "" + IP + "pad_jianyan/historyView?callback=?",
        type: 'get',
        data: {
            page:page++,
            pagesize:3,
            priceSort:priceSort
        },
        dataType: 'jsonp',
        jsonp: "callback",
        jsonpCallback: "success_jsonpCallback",
        success: function(data) {
            if (data.obj.length > 0) {
                html += template('serarch-result', { result: data.obj });
                $("#products").html(html);

                // true 为没有更多数据了
                // false 还有更多数据
                // 这里的this有问题，应该在外面定义一个this
                This.endPullupToRefresh(false);
            }else{
            	// true表示没有数据了
            	This.endPullupToRefresh(true);
            }
        }
    });
}


/**
 * [getLocation description]
 * @param  {[type]} url  [地址栏地址]
 * @param  {[type]} name [要获取的关键字值]
 * @return {[type]} string/object     [查询到的值]
 */
function getLocation(url, name) {

    // 查找？号后面的内容
    var params = url.indexOf('?');
    // 截取？后面的内容
    var content = url.substr(params) + 1;
    // 再以 & 进行分隔 数组
    var result = content.split('&');
    for (var i = 0; i < result.length; i++) {
        // 以 = 进行分隔
        var equal = result[i].split('=');
        if (equal[0] === name) {
            return equal[1];
        }
    }
    // 如果没有找到
    return null;
}